<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Educa - Sistema de Gerenciamento do Colégio Militar</title>
		<script type="text/javascript" src="tela/disciplinar/disciplinar.js" ></script>
		<link rel="stylesheet" type="text/css" href="tela/disciplinar/disciplinar.css" ></link>
	</head>
	<body>

			<!-- FORMULARIO -->
<!-- 			<div id="subtitulo"><h3 class="ui-widget-header">Institucionalização de Disciplinas</h3></div> -->
			<div id="formWrapper" class="centered">
				<form id="cadastro" action="#" onSubmit="return false;" method="post">
					<ul class="controls">
                  		<li style="width: 98%;"><label>Aluno:</label>
                               <input type="text" id="pessoaAuto" name="pessoa[nome]" class="field" style="width: 90%;" readonly="readonly">
                  			<input type="hidden" name="pessoa[id]" id="pessoaAutoHidden">
                  			<a id="alunosPesquisaBtn" href="#">Pesquisar</a>
                  		</li>
                  		<li style="width: 40%;">
                  			<label>Mãe</label><input type="text" id="mae" class="field" readonly="readonly" style="width: 90%;"/>
						</li>
						<li style="width: 40%;">
                  			<label>Pai</label><input type="text" id="pai" class="field" readonly="readonly" style="width: 90%;"/>
						</li>
                  		<li style="width: 15%;">
                  			<label>Telefone</label><input type="text" id="telefone" class="field" readonly="readonly" style="width: 90%;"/>
						</li>
						<li>
							<div id="punicao" style="display: none;">
								<div id="subtitulo"><h3 class="ui-widget-header">Punições</h3></div>
								<ul class="controls">
									<li style="width: 15%;"><label>Data Registro</label><input type="text" id="dataRegistro" class="field" style="width: 90%"/></li>
									<li style="width: 30%;"><label for="tipoPunicao">Tipo Punição:</label><select name="tipoPunicao[id]" id="tipoPunicao" class="field validate[required]" style="width: 100%;"></select></li>
									<li style="width: 15%;"><label>Valor</label><input type="text" name="tipoPunicao[valor]" id="valorPunicao" readonly="readonly" class="field" style="width: 99%"/></li>
<!-- 									<li style="width: 15%;"><label>Dias de Suspensão</label><input type="text" name="diasSuspensao" id="diasSuspensao" class="field" style="width: 99%"/></li> -->
<!-- 									<li style="width: 100%;"><label>Descrição</label><textarea type="text" name="descricao" id="descricao"  class="field" rows="3" cols="62" style="width: 99%"></textarea></li> -->
									<li>
										<table cellspacing="0" class="display" cellpadding="0" border="0" id="punicoesDataGrid"></table>
									</li>
								</ul>
							</div>
							<div id="elogio" style="display: none;">
								<div id="subtitulo"><h3 class="ui-widget-header">Elogios</h3></div>
								<ul class="controls">
									<li>
										<table cellspacing="0" class="display" cellpadding="0" border="0" id="elogiosDataGrid"></table>
									</li>
								</ul>
							</div>
							<div id="merito" style="display: none;">
								<div id="subtitulo"><h3 class="ui-widget-header">Méritos</h3></div>
								<ul class="controls">
									<li>
										<table cellspacing="0" class="display" cellpadding="0" border="0" id="lancamentosDataGrid"></table>
									</li>
								</ul>
							</div>
						</li>
						<li>
						    <table cellspacing="0" class="display" cellpadding="0" border="0" id="lancamentosDataGrid"></table>
						</li>
						<li style="text-align: center;">
							<button type="button" class="headerTextBtn" id="btnPunicao" onclick="abreGrid('punicao');" >Punição</button>
							<button type="button" class="headerTextBtn" id="btnElogio" onclick="abreGrid('elogio');" >Elogio</button>
							<button type="button" class="headerTextBtn" id="btnMerito" onclick="abreGrid('merito');" >Mérito</button>	
						</li>						
                    </ul>
				</form>
			</div>
		
<!-- 		<!-- MODAL POPUP -->
		<div id="modalPopup" title=" ">
			<span id="dialogMessage" ></span>
		</div>
	
	</body>
</html>
	
